import React from 'react';
import { Button, Result } from 'antd';
import { useNavigate } from 'react-router-dom';
import './index.less';

const NotFound = () => {
  const navigate = useNavigate();

  return (
    <div className="not-found">
      <Result
        status="404"
        title="页面不见了"
        subTitle="抱歉，您访问的页面不存在"
        icon={<img src="/404.png" alt="404" className="not-found-image" />}
        extra={[
          <Button key="back" onClick={() => navigate(-1)}>
            返回上一页
          </Button>,
          <Button type="primary" key="home" onClick={() => navigate('/')}>
            返回首页
          </Button>
        ]}
      />
    </div>
  );
};

export default NotFound; 